<!doctype html>
<html lang="en">
   <head>
      <!-- Required meta tags -->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <title>Metorik - Responsive Bootstrap 4 Admin Dashboard Template</title>
      <!-- Favicon -->
      <link rel="shortcut icon" href="../src/images/favicon.ico" />
      <!-- Bootstrap CSS -->
      <link rel="stylesheet" href="../src/css/bootstrap.min.css">
      <!-- Typography CSS -->
      <link rel="stylesheet" href="../src/css/typography.css">
      <!-- Style CSS -->
      <link rel="stylesheet" href="../src/css/style.css">
      <!-- Responsive CSS -->
      <link rel="stylesheet" href="../src/css/responsive.css">
   </head>
   <body>
      <!-- loader Start -->
      <div id="loading">
         
      </div>
      <!-- loader END -->
      <!-- Wrapper Start -->
      <div class="wrapper">
      <!-- Sidebar  -->
      <div class="iq-sidebar">
         <div class="iq-sidebar-logo d-flex justify-content-between">
            <a href="index.html">
            <img src="../src/images/logo.gif" class="img-fluid" alt="">
            <span>Dalao</span>
            </a>
            <div class="iq-menu-bt align-self-center">
               <div class="wrapper-menu">
                  <div class="line-menu half start"></div>
                  <div class="line-menu"></div>
                  <div class="line-menu half end"></div>
               </div>
            </div>
         </div>
         <div id="sidebar-scrollbar">
            <div id="menu"></div>
            <div class="p-3"></div>
         </div>
      </div>
      <!-- TOP Nav Bar -->
      <div class="iq-top-navbar">
         <div class="iq-navbar-custom">
            <div class="iq-sidebar-logo">
               <div class="top-logo">
                  <a href="index.html" class="logo">
                  <img src="../src/images/logo.gif" class="img-fluid" alt="">
                  <span>DaLao</span>
                  </a>
               </div>
            </div>
            <div class="navbar-breadcrumb">
               <h5 class="mb-0">待办事项</h5>
               <nav aria-label="breadcrumb">
                  <ol class="breadcrumb">
                     <li class="breadcrumb-item"><a href="index.html">主页</a></li>
                     <li class="breadcrumb-item active" aria-current="page">待办事项</li>
                  </ol>
               </nav>
            </div>
            <div id="navigation"></div>
         </div>
      </div>
      <!-- TOP Nav Bar END -->
      <!-- Page Content  -->
      <div id="content-page" class="content-page">
         <div class="container-fluid relative">
            <div class="row">
               <div class="col-lg-3">
                  <div class="iq-card">
                     <div class="iq-card-body">
                        <div class="iq-todo-page">
                           <form class="position-relative">
                              <div class="form-group mb-0">
                                 <input type="text" class="form-control todo-search" id="exampleInputEmail002"  placeholder="搜索">
                                 <a class="search-link" href="#"><i class="ri-search-line"></i></a>
                              </div>
                           </form>
                           <div class="add-new-project mt-3 mb-3">
                              <a href="javascript:void(0);" class="d-block nrw-project"><i class="ri-add-line mr-2"></i>添加项目</a>
                           </div>
                           <ul class="todo-task-list p-0 m-0">
                              <li class=""><a href="javascript:void(0);"><i class="ri-stack-fill mr-2"></i> Secrat 项目</a>
                                 <ul id="todo-task1" class="sub-task  show mt-2 p-0">
                                    <li class="active"><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-success"></i> 所有任务 </a></li>
                                    <li><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-warning"></i>人 </a></li>
                                    <li><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-danger"></i> 文件夹 <span class="badge badge-danger ml-2 float-right">44</span> </a></li>
                                    <li><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-primary"></i> 统计 </a></li>
                                 </ul>
                              </li>
                              <li><a href="javascript:void(0);"><i class="ri-stack-fill mr-2"></i> 移动应用程序</a>
                                 <ul id="todo-task2" class="sub-task  mt-2 p-0">
                                    <li><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-success"></i> 所有任务 </a></li>
                                    <li><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-warning"></i> 人 </a></li>
                                    <li><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-danger"></i> 文件夹 <span class="badge badge-danger ml-2 float-right">20</span> </a></li>
                                    <li><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-primary"></i> 统计 </a></li>
                                 </ul>
                              </li>
                              <li><a href="javascript:void(0);"><i class="ri-stack-fill mr-2"></i> 新公文包网站</a>
                                 <ul id="todo-task3" class="sub-task  mt-2 p-0">
                                    <li><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-success"></i> 所有任务 </a></li>
                                    <li><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-warning"></i> 人 </a></li>
                                    <li><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-danger"></i> 文件夹 <span class="badge badge-danger ml-2 float-right">10</span> </a></li>
                                    <li><a href="javascript:void(0);"><i class="ri-checkbox-blank-circle-fill text-primary"></i> 统计 </a></li>
                                 </ul>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-9">
                  <div class="row">
                     <div class="col-sm-12">
                        <div class="iq-card">
                           <div class="iq-card-body">
                              <div class="d-flex justify-content-between align-items-center">
                                 <div class="todo-date d-flex mr-3">
                                    <i class="ri-calendar-2-line text-success mr-2"></i>
                                    <span>2020年1月8日星期三</span>
                                 </div>
                                 <div class="todo-notification d-flex align-items-center">
                                    <div class="notification-icon position-relative d-flex align-items-center mr-3">
                                       <a href="#"><i class="ri-notification-3-line font-size-16"></i></a>
                                       <span class="bg-danger text-white">5</span></div>
                                    <button type="submit" class="btn iq-bg-success">添加任务</button>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-md-8">
                        <div class="iq-card">
                           <div class="iq-card-body p-0">
                              <ul class="todo-task-lists m-0 p-0">
                                 <li class="d-flex align-items-center p-3">
                                    <div class="user-img img-fluid"><img src="../src/images/user/01.jpg" alt="story-img" class="rounded-circle avatar-40"></div>
                                    <div class="media-support-info ml-3">
                                       <h6 class="d-inline-block">秘密工程登陆页</h6><span class="badge badge-warning ml-3 text-white">过期</span>
                                       <p class="mb-0">作者:DaLao</p>
                                    </div>
                                    <div class="iq-card-header-toolbar d-flex align-items-center">
                                       <div class="custom-control custom-checkbox">
                                          <input type="checkbox" name="todo-check" class="custom-control-input" id="check1">
                                          <label class="custom-control-label" for="check1"></label>
                                       </div>
                                    </div>
                                 </li>
                                 <li class="d-flex align-items-center p-3 active-task">
                                    <div class="user-img img-fluid"><img src="../src/images/user/01.jpg" alt="story-img" class="rounded-circle avatar-40"></div>
                                    <div class="media-support-info ml-3">
                                       <h6>修复严重崩溃</h6>
                                       <p class="mb-0">作者:李四</p>
                                    </div>
                                    <div class="iq-card-header-toolbar d-flex align-items-center">
                                       <div class="custom-control custom-checkbox">
                                          <input type="checkbox" name="todo-check" class="custom-control-input" id="check2" checked="checked">
                                          <label class="custom-control-label" for="check2"></label>
                                       </div>
                                    </div>
                                 </li>
                                 <li class="d-flex align-items-center p-3">
                                    <div class="user-img img-fluid"><img src="../src/images/user/02.jpg" alt="story-img" class="rounded-circle avatar-40"></div>
                                    <div class="media-support-info ml-3">
                                       <h6 class="d-inline-block">IOS应用程序-重新设计联系人表单屏幕</h6><span class="badge badge-success ml-3">结束</span>
                                       <p class="mb-0">作者:王五</p>
                                    </div>
                                    <div class="iq-card-header-toolbar d-flex align-items-center">
                                       <div class="custom-control custom-checkbox">
                                          <input type="checkbox" name="todo-check" class="custom-control-input" id="check3">
                                          <label class="custom-control-label" for="check3"></label>
                                       </div>
                                    </div>
                                 </li>
                              </ul>
                           </div>
                        </div>
                     </div>
                     <div class="col-md-4">
                        <div class="iq-card">
                           <div class="iq-card-body">
                              <div class="iq-todo-right">
                                 <form class="position-relative">
                                    <div class="form-group mb-0">
                                       <input type="text" class="form-control todo-search" id="exampleInputEmail001" placeholder="搜索">
                                       <a class="search-link" href="#"><i class="ri-search-line"></i></a>
                                    </div>
                                 </form>
                                 <div class="iq-todo-friendlist mt-3">
                                    <ul class="suggestions-lists m-0 p-0">
                                       <li class="d-flex mb-4 align-items-center">
                                          <div class="user-img img-fluid"><img src="../src/images/user/01.jpg" alt="story-img" class="rounded-circle avatar-40"></div>
                                          <div class="media-support-info ml-3">
                                             <h6>保罗·莫利夫</h6>
                                             <p class="mb-0">网页设计师</p>
                                          </div>
                                          <div class="iq-card-header-toolbar d-flex align-items-center">
                                             <div class="dropdown">
                                                <span class="dropdown-toggle text-primary" id="dropdownMenuButton40" data-toggle="dropdown">
                                                   <i class="ri-more-2-line"></i>
                                                </span>
                                                <div class="dropdown-menu dropdown-menu-right" style="">
                                                   <a class="dropdown-item" href="#"><i class="ri-user-unfollow-line mr-2"></i>展开</a>
                                                   <a class="dropdown-item" href="#"><i class="ri-close-circle-line mr-2"></i>解除好友关系</a>
                                                   <a class="dropdown-item" href="#"><i class="ri-lock-line mr-2"></i>块</a>
                                                </div>
                                             </div>
                                          </div>
                                       </li>
                                       <li class="d-flex mb-4 align-items-center">
                                          <div class="user-img img-fluid"><img src="../src/images/user/01.jpg" alt="story-img" class="rounded-circle avatar-40"></div>
                                          <div class="media-support-info ml-3">
                                             <h6>保罗·莫利夫</h6>
                                             <p class="mb-0">练习生</p>
                                          </div>
                                          <div class="iq-card-header-toolbar d-flex align-items-center">
                                             <div class="dropdown">
                                                <span class="dropdown-toggle text-primary" id="dropdownMenuButton41" data-toggle="dropdown">
                                                <i class="ri-more-2-line"></i>
                                                </span>
                                                <div class="dropdown-menu dropdown-menu-right" style="">
                                                   <a class="dropdown-item" href="#"><i class="ri-user-unfollow-line mr-2"></i>展开</a>
                                                   <a class="dropdown-item" href="#"><i class="ri-close-circle-line mr-2"></i>解除好友关系</a>
                                                   <a class="dropdown-item" href="#"><i class="ri-lock-line mr-2"></i>块</a>
                                                </div>
                                             </div>
                                          </div>
                                       </li>
                                    </ul>
                                    <a href="javascript:void(0);" class="btn btn-primary d-block"><i class="ri-add-line"></i> 加载更多</a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
      <!-- Wrapper END -->
      <!-- Footer -->
      <div id="bottom"></div>
      <!-- Footer END -->
   </body>
   <!-- Optional JavaScript -->
   <!-- jQuery first, then Popper.js, then Bootstrap JS -->
   <script src="../src/js/jquery.min.js"></script>
   <script src="../src/js/popper.min.js"></script>
   <script src="../src/js/bootstrap.min.js"></script>
   <!-- Appear JavaScript -->
   <script src="../src/js/jquery.appear.js"></script>
   <!-- Countdown JavaScript -->
   <script src="../src/js/countdown.min.js"></script>
   <!-- Counterup JavaScript -->
   <script src="../src/js/waypoints.min.js"></script>
   <script src="../src/js/jquery.counterup.min.js"></script>
   <!-- Wow JavaScript -->
   <script src="../src/js/wow.min.js"></script>
   <!-- Apexcharts JavaScript -->
   <script src="../src/js/apexcharts.js"></script>
   <!-- Select2 JavaScript -->
   <script src="../src/js/select2.min.js"></script>
   <!-- Owl Carousel JavaScript -->
   <script src="../src/js/owl.carousel.min.js"></script>
   <!-- Magnific Popup JavaScript -->
   <script src="../src/js/jquery.magnific-popup.min.js"></script>
   <!-- Smooth Scrollbar JavaScript -->
   <script src="../src/js/smooth-scrollbar.js"></script>
   <!-- lottie JavaScript -->
   <script src="../src/js/lottie.js"></script>
   <!-- Chart Custom JavaScript -->
   <script src="../src/js/chart-custom.js"></script>
   <!-- Custom JavaScript -->
   <script src="../src/js/custom.js"></script>
   <script>
      $(function () {
         $("#menu").load("menus.html");
         $("#navigation").load("navigation-bar.html");
         $("#bottom").load("bottom-bar.html");
      });
   </script>
</html>